@charset "utf-8";
html,body{
	height:100%;
	width:100%;
	overflow: hidden;
}
#head{
	width:100%;
	height:12rem;
	background:url(../images/JJM_bogg2.jpg) repeat-y ;
	position: relative;
}
#head .term{
	width:100%;
	height:1.5rem;
	
}
#head a:hover{
	text-decoration: none;
}
#head .pic_1{
	position: absolute;
	top:0.3rem;
	left:0.5rem;
	font-size: 1rem;
}
#head .pic_2{
	position: absolute;
	top:0.2rem;
	left:12.3rem;
	font-size: 1rem;
}

#head .pic_3{
	position: absolute;
	top:0.2rem;
	left:14rem;
	font-size:1rem;
}


#head .details{
	width: 100%;
	height:4.5rem;
	margin-top: 0.2rem;
	position: relative;
}
#head .details .pic{
	width:60%;
	height:100%;
	padding: 0.6rem;
	
}
#head .details .pic dt {
	width:70%;
	height:90%;
	
}
#head .details .pic dt img{
	width:70%;
	height:90%;
}

#head .details .pic dd{
	position: absolute;
	top:0.5rem;
	left:5.8rem;
	font-size: 0.6rem;
	color: #000;
}
#head .details .pro{
	position: absolute;
	top:1rem;
	left:5.8rem;
	margin-top: 0.2rem;
	font-size: 0.7rem;
	color: #A1A1A1;
}
#head .details .pro .p_1{
	margin-top: 0.2rem;
}
#head .details .pro .p_2{
	margin-top: 0.2rem;
	line-height: 1rem;
}

#head .details .pro .span_1{
	display: inline-block;
	width:1.2rem ;
	height:1rem;
	background: #f07373;
	text-align: center;
	color: #fff;
	border-radius: 0.2rem;
}

#head .Coupon{
	width:100%;
	height:4.2rem;
}
#head .Coupon .pic_4{
	margin-left: 0.7rem;
	margin-top: 0.6rem;
	width:90%;
	height:76%;
}
#head .Coupon .pic_4 img{
	width:100%;
	height:100%;
}
#head .Coupon .mark{
	width:3rem;
	height:1.3rem;
	background: #000000;
	position: absolute;
	top:7.8rem;
	left:11.3rem;
	opacity: 0;
}

#head .inform{
	margin-left: 0.6rem;
	
	width:100%;
	height:1.5rem;
}
#head .inform p{
	font-size: 0.4rem;
}
#head .inform .span_2{
	display: inline-block;
	width:1.2rem;
	height:0.8rem;
	background: #e8e0e3;
	margin-right: 0.3rem;
	line-height: 0.8rem;
	text-align: center;
	border-radius: 0.1rem;
}

.list{
	width:100%;
	height:1.6rem;
	line-height: 1.2rem;
	font-size: 0.6rem;
	margin-top: 0.3rem;
	
}
.list p{
	float: left;
	
}
.list .p_4{
	margin-left: 1rem;
	width:45%;
	border-right: 1px solid #ccc;
	font-size: 0.6rem;
	height:0.7rem;
	line-height: 0.8rem;
	
}

.list .p_4 section{
	
	outline: none;
}

.list .p_5{
	width:15%;
	border-right: 1px solid #ccc;
	font-size: 0.6rem;
	height:0.7rem;
	line-height: 0.8rem;
	padding: 0 0.5rem;
}
.list .p_6{
	width:15%;
	padding: 0 0.5rem;
	font-size: 0.6rem;
	height:0.7rem;
	line-height: 0.8rem;
}

.Ms{
	width:100%;
	height:2.2rem;
}
.Ms img{
	width:100%;
	height: 100%;
}
.Goods{
	width:100%;
	height:9.5rem;
}
.Goods .sp{
	width: 100%;
	height:9.5rem;
}
.Goods .sp img{
	width:100%;
	height:100%;
}

.footer{
	width:100%;
	height:2.6rem;
}

.footer img{
	width:100%;
	height:100%;
}

.shade{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 10;
}
.point{
	width: 71%;
    height: 24%;
    background: #fff;
    opacity:1;
    position: fixed;
    top: 7rem;
    left: 2.6rem;
    border-radius: 1rem;
    display: none;
    z-index: 10;
}
.point p{
	text-align: center;
	line-height: 4.3rem;
	font-size: 0.8rem;
	color: #b0acac;
	font-family: "黑体";
}
.point .shade_btn{
	width: 17%;
    height: 4%;
    border-radius: 0.5rem;
    border: 0;
    color: #fff;
    background: #fec107;
    position: fixed;
    top: 11.5rem;
    left: 9.5rem;
    outline: none;
	
}
.point .shade_btn1{
	width: 17%;
    height: 4%;
    border-radius: 0.5rem;
    border: 0;
    color: #fff;
    background: #fec107;
    position: fixed;
    top: 11.5rem;
    left: 5.5rem;
    outline: none;
}






















